<template>
    <div>
        <div class="Rech-container">
            <img src="@/assets/img/user-center/czcg.png" alt="">
            <div class="time-lineBox flex flex-align-center">
                <div class="timeBox">
                    <p class="text-name color-h">充值后使用时间</p>
                    <p class="color-h">充值前使用时间</p>
                </div>
                <img src="@/assets/img/user-center/time-line.png" alt="">
                <div class="timeBox">
                    <p class="text-name">{{data.new_use_time}}</p>
                    <p class="color-h">{{data.old_use_time}}</p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        data:{
            type:Object
        }
    }
}
</script>
<style lang="less" scoped>
@import url(../../../assets/css/usercenter/rechargesuccess.less);
</style>

